<?php
/**
 * gpa_demo Description
 * @package
 * @name imageshtml
 * @filesource images.html.php
 * @author Hanny Setiawan
 */

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>Image Thumbnails - by Hanny Setiawan</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <script src="<?php echo HTTP_SERVER; ?>js/jquery.js" type="text/javascript"></script>
                <script src="<?php echo PAGE_URL; ?>js/prettyPhoto.js" type="text/javascript"></script>
		<link rel="stylesheet" href="<?php echo PAGE_URL; ?>css/prettyPhoto.css" type="text/css" media="screen"/>
                <link rel="stylesheet" href="<?php echo PAGE_URL; ?>css/ImageGallery.css" type="text/css" media="screen"/>

        </head>
	<body>

		<h4>Gallery</h4>
		<ul class="gallery">
                        <?php foreach($images as $img): ?>
			<li>
                            <a href="<?php echo $img['url']; ?>" rel="prettyPhoto[gallery1]" title="&lt;a href=&#x27;?page=gallery&amp;act=details&amp;iid=<?php echo $img['image_id']; ?>&#x27; target=&#x27;_parent&#x27; &gt;Place a comment for this photo...&lt;/a&gt;">
                                <img src="<?php echo $img['thumb']; ?>" alt="<?php echo $img['title']; ?>" />
                                <p class="image-view-info"><?php echo $img['viewed']; ?> times viewed</p>
                            </a>
                        </li>
			<?php endforeach; ?>
		</ul>

		<script type="text/javascript">
			$(document).ready(function(){
				$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
			});
		</script>
	</body>
</html>